<%@page import="com.kd.bean.jobSeeker.Basic_information"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/css/thisAlter.css" />
<title>Insert title here</title>
<%
	Basic_information basicMessage = (Basic_information) session.getAttribute("basicMessage");
	if (basicMessage == null) {
		response.sendRedirect("/view/login.jsp");
	}
%>
<!--jquery插件-->
<script src="/js/jquery-1.11.0.js"></script>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/layout_ce89d6c.css">
<link rel="stylesheet" type="text/css" href="/css/widgets_52f84b9.css">
<link rel="stylesheet" href="/css/thisAlter.css" />
<link rel="stylesheet" href="/css/jobMain.css" />

<script src="/js/detail.js"></script>


<style>
/* Custom Styles */
    ul.nav-tabs{
        width: 140px;
        margin-top: 50px;
        border-radius: 4px;
        border: 1px solid #ddd;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    }
    ul.nav-tabs li{
        margin: 0;
        border-top: 1px solid #ddd;
    }
    ul.nav-tabs li:first-child{
        border-top: none;
    }
    ul.nav-tabs li a{
        margin: 0;
        padding: 8px 16px;
        border-radius: 0;
    }
    ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
        color: #fff;
        background: #0088cc;
        border: 1px solid #0088cc;
    }
    ul.nav-tabs li:first-child a{
        border-radius: 4px 4px 0 0;
    }
    ul.nav-tabs li:last-child a{
        border-radius: 0 0 4px 4px;
    }
    ul.nav-tabs.affix{
        top: 50px; /* Set the top position of pinned element */
    }
</style>
</head>
<body>
	<div id="lg_header">
		<!--C端头部黑色导航-->
		<div id="lg_tbar" class="normal-tbar">
			<div class="inner">
				<div class="lg_tbar_l">
					<ul class="lg_tbar_tabs">
						<li class="tab-active"><a href="/view/main.jsp">首页</a></li>
					</ul>
				</div>
				<div class="lg_tbar_r">
					<c:if test="${basicMessage!=null}">
						<ul class="passport">
							<li><a href='/view/admin/notice.jsp'>公告</a>&nbsp;&nbsp;&nbsp;&nbsp;</li>
							<li><a href='/view/message.jsp'>消息</a>&nbsp;&nbsp;&nbsp;&nbsp;</li>
							<li><a href='/view/resume.jsp'>简历</a></li>
							<li><span>·</span></li>
							<li><a href='/view/resume.jsp'>上传</a></li>
							<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
							<li><a href='/view/detail.jsp'>${basicMessage.basic_name }&nbsp;&nbsp;
									<img src="/image/${basicMessage.basic_photo }" align='center'
									width="40" height="40">
							</a></li>
							<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
							<li><a href='/basic_information/quit'>退出</a></li>
						</ul>
					</c:if>
					<c:if test="${basicMessage==null }">
						<ul class="passport">
							<li><a href="/view/login.jsp" class="login">登录</a></li>
							<li><span>|</span></li>
							<li><a href="/view/register.jsp" class="register">注册</a></li>
						</ul>
					</c:if>
				</div>
			</div>
		</div>
	</div>

	<!-- 修改个人资料 -->
	<div class="container">
		<div class="row">
			<div class="col-xs-2" id="myScrollspy">
				<ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="125">
					<li class="active"><a href="#section-1">修改个人资料</a></li>
					<li><a href="#section-2">修改密码</a></li>
					<li><a href="#section-3">修改求职状态</a></li>
				</ul>
			</div>
			<div class="col-xs-9" style="background-color: white;">
				<p>&nbsp;</p>
				<h2 id="section-1">修改个人资料</h2>
				<form action="/basic_information/updateBasic_information"
					method="post" enctype="multipart/form-data" onsubmit='return checkImgMyFile()'>
					<table border="0" class="table table-striped table-hover" >
						<tr>
							<td colspan="4" align='center'>
								<input type='file' name="myFile" onchange="getImgURL(this)" required id="myFile"> 
								<img src="/img/个人.png" id="fileImg" width="65px" height="65px" class="img-thumbnail" /></td>
						</tr>
						<tr>
							<td height="40" align='right'>昵称：<input type="hidden" id="basic_id" name="basic_id" required></td>
							<td><input type="text" id="basic_name" name="basic_name" class="form-control"> </td>
							<td align='right'>邮箱：</td>
							<td><input type="text" id="basic_email" required name="basic_email" class="form-control"></td>
						</tr>
						<tr>
							<td height="40" align='right'>手机：</td>
							<td><input type="text" id="basic_phone" required name="basic_phone" class="form-control"></td>

							<td align='right'>身份证：</td>
							<td><input type="text" id="basic_card" required name="basic_card" class="form-control"></td>
						</tr>
						<tr>
							<td height="40" align='right'>地址：</td>
							<td><input type="text" id="rec_address" required name="rec_address" class="form-control"></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td height="60" colspan='4' align='center'>
								<input type='submit' value='确认修改' class="btn btn-primary">
							</td>
						</tr>
					</table>
				</form>
				<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
				<h2 id="section-2">修改密码</h2>
				<form action="/basic_information/updateBasic_informationPwd"
					method="post" onsubmit='return checkUpdatePassword()'>
					<table border="0" class="table table-striped table-hover" >
						<tr>
							<td height="40" align='right'>旧密码：</td>
							<td><input type="password" name="jiu_ps" id="jiu_ps" required class="form-control"></td>
						</tr>
						<tr>
							<td height="40" align='right'>新密码：</td>
							<td><input type="password" name="basic_password" id="basic_password" required class="form-control"></td>
						</tr>
						<tr>
							<td height="40" align='right'>确认新密码：</td>
							<td><input type="password" name="basic_password2" id="basic_password2" required class="form-control"></td>
						</tr>
						<tr>
							<td height="60" colspan='4' align="center">
								<input type='submit' value='确认修改' class="btn btn-primary">
							</td>
						</tr>
					</table>
				</form>
				<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
				<h2 id="section-3">修改求职状态</h2>
				<form action="/basic_information/updateBasic_informationBasic_job_state"
					method="post">
					<table border="0" class="table-striped table-hover" style="width:50%;margin-left:25%;">
						<tr>
							<td height="60"><select name="basic_job_state"
								id="basic_job_state" class="form-control">
									<option value="1">不接收本地区招聘公司的个人信息浏览</option>
									<option value="2">接收本地区招聘公司的个人信息浏览</option>
							</select></td>
						</tr>
						<tr>
							<td height="60" colspan='4' align='center'>
								<input type='submit' value='确认修改' class="btn btn-primary"></td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>

	<!-- 自定义提示框 -->
	<div class="alterDiv" style="display: none;">
		<p>
			<font size="4">提示：</font>
		</p>
		<p style="padding-left: 20px; width: 75%; word-break: break-all;">
			<font size="3" id="alterContent">${msg}</font>
		</p>
		<p>
			<button id="alterBut">确定</button>
		</p>
		<p></p>
	</div>
</body>
</html>